OOP Drupal 8.で簡単なユーザー登録フォームを作成する方法を探しています。
現在のところ、デフォルトのユーザー登録フォームは、Userクラスの注釈として直接宣言されています。管理ページから、ユーザーフォームにRegisterフォーム表示を追加できます。ただし、すべての可能なフィールドを削除してパスワード/ログイン用に保存した場合でも、削除したいフィールドがたくさん表示されます。
必要なのは、2つのフィールドe-mail addressとpasswordの非常に単純な登録フォームです。他のすべてのフィールドは後で編集できます。私はこのフォームでOOP=可能であれば使用したいので、クラスDrupal\user\RegisterFormを拡張すると、これを達成するための良い方法のようです...
フォームを拡張しましたが、使用できません。エンティティを渡す必要があるようですが、方法はわかりません。
それを行う理想的な方法は次のとおりです。
$entity = \Drupal::entityTypeManager()
->getStorage('user')
->create([])
;
$formObject = \Drupal::entityTypeManager()
->getFormObject('user', 'register')
->setEntity($entity)
;
$registerForm = \Drupal::formBuilder()->getForm($formObject);
ただし、これは、カスタムではなく、元の継承されていないRegisterFormクラスのフェッチを要求します。 Drupal代わりに自分のフォームをインスタンス化するように指示するにはどうすればよいですか?
ところで、どうすればsernameをオプションにできますか?
ユーザー登録フォームを再定義するためのソリューションがいくつかありますが、それらのほとんどはDrupal 7ソリューションであり、OOPではありません。
拡張登録フォームクラスを使用する場合は、ユーザーエンティティタイプの元のフォームクラスの場所に配置する必要があります。
mymodule.module
/**
* Implements hook_entity_type_alter().
*/
function mymodule_entity_type_alter(array &$entity_types) {
$entity_types['user']->setFormClass('register', 'Drupal\mymodule\MyRegisterForm');
}
カスタムモジュールを作成 してサービスを追加する必要があります。
@ファイル:my_module.services.yml
services:
route_subscriber:
class: Drupal\my_module\Routing\RouteSubscriber
tags:
- {name: event_subscriber }
@ファイル:src/Routing/RouteSubscriber.php
/**
* @file
* Contains \Drupal\my_module\Routing\RouteSubscriber.
*/
namespace Drupal\my_module\Routing;
use Drupal\Core\Routing\RouteSubscriberBase;
use Symfony\Component\Routing\RouteCollection;
/**
* Listens to the dynamic route events.
*/
class RouteSubscriber extends RouteSubscriberBase {
/**
* {@inheritdoc}
*/
protected function alterRoutes(RouteCollection $collection) {
// login form
if ($route = $collection->get('user.login')) {
$route->setDefault('_form', '\Drupal\my_module\Form\NewUserLoginForm');
}
// register form
if ($route = $collection->get('user.register')) {
$route->setDefault('_form', '\Drupal\my_module\Form\NewUserRegisterForm');
}
}
}
そしてカスタムフォームクラス:
@ファイル:src/Form/NewUserRegisterForm.php
/**
* @file
* Contains \Drupal\my_module\Form\NewUserRegisterForm.
*
* credits to: https://Gist.github.com/davidDuymelinck/cd20ab7049749358717127f12666b68c
*/
namespace Drupal\my_module\Form;
use Drupal\Component\Datetime\TimeInterface;
use Drupal\Core\Entity\EntityFormBuilderInterface;
use Drupal\Core\Entity\EntityManagerInterface;
use Drupal\Core\Entity\EntityTypeBundleInfoInterface;
use Drupal\Core\Extension\ModuleHandlerInterface;
use Drupal\Core\Form\FormStateInterface;
use Drupal\Core\Language\LanguageManagerInterface;
use Drupal\user\Entity\User;
use Drupal\user\RegisterForm;
use Symfony\Component\DependencyInjection\ContainerInterface;
/**
* Provides a user register form.
*/
class NewUserRegisterForm extends RegisterForm {
public function __construct(EntityManagerInterface $entity_manager, LanguageManagerInterface $language_manager, EntityTypeBundleInfoInterface $entity_type_bundle_info = NULL, TimeInterface $time = NULL, ModuleHandlerInterface $moduleHandler) {
$this->setEntity(new User([], 'user'));
$this->setModuleHandler($moduleHandler);
parent::__construct($entity_manager, $language_manager, $entity_type_bundle_info, $time);
}
/**
* @inheritdoc
*/
public static function create(ContainerInterface $container) {
return new static(
$container->get('entity.manager'),
$container->get('language_manager'),
$container->get('entity_type.bundle.info'),
$container->get('datetime.time'),
$container->get('module_handler')
);
}
public function form(array $form, FormStateInterface $form_state) {
$form = parent::form($form, $form_state);
$form['test'] = [
'#markup' => '<p>Test extended form</p>',
];
return $form;
}
}
NB:$form
にはアクションがないため、送信ボタンを変更/修正する方法が見つかりませんでしたキー。
RESTクラスにフックするのではなく、Drupalリソースを使用してユーザーを作成します。はるかに簡単で、フロントエンドの担当者が登録エクスペリエンスを完全に制御できます。
例:
$.ajax({
url: Drupal.url('user/register?_format=json'),
type: 'POST',
dataType: 'json',
data: JSON.stringify(userForm),
headers: {
'X-CSRF-Token': csrfToken,
'Content-type': 'application/json'
},
}).done(function(response) {
console.log('done')
console.log(response)
}).fail(function(jqXHR, textStatus) {
console.log( JSON.parse(jqXHR.responseText))
});